/*
 * @Author: RYPY
 * @Date: 2021-03-24 10:46:34
 * @LastEditors: RYPY
 * @LastEditTime: 2021-03-24 14:14:53
 */
{
    getlist();
}
async function getlist() {
    let data=await $.get("/getuserlist");
    if(data.code=200){
        drawTable(data.userlist);
    }else{
        $("#userlist").html(`<tr><td colspan="5">暂无数据内容</td></tr>`);
    }
}
function drawTable(userlist) {
    let htmlText="";
    for(let item of userlist){
        htmlText+=`<tr>
            <td>${item.userid}</td>
            <td>${item.username}</td>
            <td>${item.pwd}</td>
            <td>${item.isadmin==="1"?"管理员":"普通用户"}</td>
            <td>
                <button class="up_btn_view">修改</button>
                <button class="del_btn">删除</button>
            </td>
        </tr>`;
    }
    $("#userlist").html(htmlText);
}

$("#userlist").on("click",".del_btn",async (btnThis)=>{
    let userid=$(btnThis.target).parents("tr").children().eq(0).html();
    let data=await $.post("/deluser",{userid});
    alert(data.msg);
    location.reload();
});

$("#userlist").on("click",".up_btn_view",(btnThis)=>{
    if(!$("button").is("#re_up_btn")){
        let tds=$(btnThis.target).parents("tr").children();
        tds.eq(1).html(`<input type="text" id="username" name="username" value=${tds.eq(1).html()}>`);
        tds.eq(2).html(`<input type="text" id="pwd" name="pwd" value=${tds.eq(2).html()}>`);
        //方法三
        let adminstr=`<select id="isadmin">  
            <option value=${tds.eq(3).html()==="管理员"?"1":"0"}>${tds.eq(3).html()}</option>
            <option value=${tds.eq(3).html()==="管理员"?"0":"1"} >${tds.eq(3).html()==="管理员"?"普通用户":"管理员"}</option>
            </select>`;
        tds.eq(3).html(adminstr);
        tds.eq(4).html(`
            <button id="re_up_btn">确认</button>
            <button id="ca_up_btn">取消</button>
        `);
    }
   
    //方法一
//     let adminstr=`<select id="isadmin">  
//     <option value="" disabled selected style="display: none;">${tds.eq(3).html()}</option>
//     <option value="1">管理员</option>
//     <option value="0" >普通用户</option>
// </select>`
//方法二
// if(tds.eq(3).html()==="普通用户"){
//     adminstr=`<select id="isadmin">  
//     <option value="0" >普通用户</option>
//     <option value="1">管理员</option>
// </select>`
// }
});
$("#userlist").on("click","#ca_up_btn",()=>{
    location.reload();
});

$("#userlist").on("click",("#re_up_btn"),async (btnThis)=>{
    let flag=false;
    let user={userid:$(btnThis.target).parents("tr").children().eq(0).html()};
    if($("#username").attr("value")!==$("#username").val()){
        flag=true;
        user.username=$("#username").val();
    }
    if($("#pwd").attr("value")!==$("#pwd").val()){
        flag=true;
        user.pwd=$("#pwd").val();
    }
    if($("#isadmin option:first").val()!==$("#isadmin").val()){
        flag=true;
        user.isadmin=$("#isadmin").val();
    }
    if(flag){
        let data=await $.post("/updateuser",user);
        alert(data.msg);
        if(data.code===200){
            location.reload();
        }
    }else{
        alert("暂无修改！");
        // location.reload();
    }
});